<template>
  <div class="scontain">
    <!--第三屏-->
    <div class="section">
      <div class="about_first about_third">
        <div class="about_l">
          <img src="../assets/temp/about_pic3.png">
          <span>简介</span>
        </div>
        <div class="about_r">
          <div class="third_about">
            <a href="javascript:;">
              <!-- <img src="../assets/temp/about_img.jpg"> -->
              <div class="hide">
                <h2>公司简介</h2>
                <p>南京步锐捷电子科技有限公司是一家领先的移动互联网技术方案提供商，针对中国智能设备市场及用户需求推出移动互联网智能终端和云端的全方位解决方案，其中包括数字标牌、电子白板、OTA等方案。</p>
                <p>公司坐落于南京雨花台区软件谷，汇集移动互联网领域的资深研发经验的优秀骨干和管理人员。并通过多年积累，形成一系列面向智能终端平台、云平台的一站式解决方案。公司与众多行业领军企业建立了紧密合作，致力于提供优质的软件解决方案，一直以来是步锐捷践行的使命。</p>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!--第一屏-->
    <div class="section">
      <div class="about_first clearfix">
        <div class="about_l">
          <img src="../assets/temp/about_pic1.png">
          <span>文化</span>
        </div>
        <div class="about_r">
          <div class="about_fwz">
            <h2>诚信、当责、分享</h2>
            <p>南京步锐捷电子科技有限公司一直以来秉承的原则和信仰</p>
          </div>
          <div class="product-items about_items clearfix">
            <div class="wrap clearfix">
              <div class="product-item about_item about_item_1">
                <img class="product-item-front" src="../assets/temp/about_icon1.png">
                <div class="product-item-opposite">
                  <p>责任是一个人对待自我人生和生命环境的态度。</p>
                </div>
              </div>
              <div class="product-item about_item about_item_2">
                <img class="product-item-front" src="../assets/temp/about_icon2.png">
                <div class="product-item-opposite">
                  <p>责任是一个人对待自我人生和生命环境的态度。</p>
                </div>
              </div>
              <div class="product-item about_item about_item_3">
                <img class="product-item-front" src="../assets/temp/about_icon3.png">
                <div class="product-item-opposite">
                  <p>责任是一个人对待自我人生和生命环境的态度。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--第二屏-->
    <div class="section">
      <div class="about_first about_second">
        <div class="about_l">
          <img src="../assets/temp/about_pic2.png">
          <span>团队</span>
        </div>
        <div class="about_r">
          <div class="second_about">
            <a href="javascript:;">
              <img src="../assets/temp/about_img.jpg">
              <div class="hide">
                <h2>公司核心团队</h2>
                <p>除了海归外，还有Marvell、SAP、华为、途牛等IT企业巨头的前优秀雇员。</p>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import "../css/jquery.fullPage.css";
  import "../css/default.css";
  import "../css/style.css";
  import "../css/b_style.css";
  import jui from '../js/jquery-ui-1.10.3.min'
  import fullpage from '../js/jquery.fullPage.min'
    export default{
      data () {
          return {}
      },
      mounted(){
        $.fn.fullpage({
          slidesColor: ['', '', '', ''],
          anchors: ['page1', 'page2', 'page3'],
          navigation: true
        });
        $(".scontain").css("position","relative");
        $("#superContainer").css({"position":"relative","top":"auto"});
        $(".banner").css({"position":"relative","z-index":"10"});
        $(window).resize(function(){
          realH();
        }).resize();
        realH();
        function realH(){
          var $hei = $(".section").height();
          var $heig = $(".banner").height();
          var scH=$('.second_about img').height()/2;

          //	1366px
          $(".about_first .about_l ,.about_first").css({
            "height": $hei- $heig
          });
          $(".about_second .about_l ,.about_second").css({
            "height": $hei- $heig
          });
          $('.second_about').css({'margin-top':-scH});
        }
      }
    }
</script>
<style scoped>
  .scontain {
    width: 85%;
    margin:0 auto;
  }
</style>
